<template>
  <div>
    <ClientOnly>
      <div class="ui calendar" id="calendar">
        <div class="ui input left icon">
          <i class="calendar icon"></i>
          <input type="text" :placeholder="placeholder">
        </div>
      </div>
    </ClientOnly>
  </div>
</template>
<script>
import "semantic-ui-calendar/dist/calendar.css";
import "semantic-ui-calendar/dist/calendar";
import $ from "jquery";
export default {
  name: "Calendar",
  data() {
    return {
      type: null,
      placeholder: "Null",
      today: null
    };
  },
  created() {
    this.today = new Date();
  },
  method: {},
  mounted() {}
};
</script>